﻿@model GestionManoDeObra.BusinessEntity.Trabajador
@{
    ViewBag.Title = "Devolver";
}


<h4>Devolver Implementos</h4>
<div class="row">
	<div class="span5">
		<form id="f" name="f" method="post" action="@Url.Action("Devolver","Implemento")" class="form-horizontal" onsubmit="return ValidarEnvio(this)">
        <!-- @using (Html.BeginForm("Prestar", "Implemento", FormMethod.Post, new { @class = "form-horizontal", onsubmit = "return ValidarEnvio(this)", id="f", name="f"  })){} -->
            
			<fieldset>
				<!--<legend>Vendedor</legend>-->

				<div class="control-group">
					<label class="control-label" for="txtId">IdTrabajador</label>
					<div class="controls">
						<input class="input-small" type="text" name="txtId" id="txtId" class="input-xlarge" value="@Model.IdTrabajador" onkeypress="ValidaSoloNumeros()" readonly="readonly"/>
                        <!--<input type="button" name="btnConsultar" id="btnConsultar" value="Consultar" class="btn" onclick="BuscarTrabajador()"/><br/>-->
					</div>
				</div>				

				<div class="control-group">
					<label class="control-label" for="txtNombre">Nombre</label>
					<div class="controls">
						<input type="text" name="txtNombre" id="txtNombre" class="input-xlarge" value="@Model.Nombre" readonly="readonly"/> <br/>
					</div>
				</div>

				<div class="control-group">
					<label class="control-label" for="txtApellido">Apellido</label>
					<div class="controls">
						<input type="text" name="txtApellido" id="txtApellido" class="input-xlarge" value="@Model.Apellido" readonly="readonly"/><br/>
					</div>
				</div>

				<div class="control-group">
					<label class="control-label" for="txtDNI">DNI</label>
					<div class="controls">
						<input type="text" name="txtDNI" id="txtDNI" class="input-xlarge" value="@Model.DNI" readonly="readonly"/><br/>
					</div>
				</div>

				<div class="control-group">
					<label class="control-label" for="txtEdad">Edad</label>
					<div class="controls">
						<input type="text" name="txtEdad" id="txtEdad" class="input-xlarge" value="@Model.Edad" readonly="readonly"/><br/>
					</div>
				</div>

				<div class="control-group">
					<label class="control-label" for="txtEmpresa">Empresa</label>
					<div class="controls">
						<input type="text" name="txtEmpresa" id="txtEmpresa" class="input-xlarge" value="@ViewBag.empresaNombre" readonly="readonly"/><br/>
					</div>
				</div>

				<div class="control-group">
					<label class="control-label" for="txtOrden">Orden</label>
					<div class="controls">
						<input type="text" name="txtOrden" id="txtOrden" class="input-xlarge" value="@ViewBag.NumeroOrden" onkeypress="ValidaSoloNumeros()" readonly="readonly" />
                        
                        <br/>
					</div>
				</div>
                
				<div class="form-actions">
					<input type="submit" name="btnGuardar" id="btnGuardar" value="Guardar" class="btn btn-primary"/>
					<input type="button" name="btnCancelar" id="btnCancelar" value="Cancelar" class="btn"/>
				</div>
			</fieldset>
		</form>

	</div>



        <div id="DivPrestado" class="span2">
            <table class="table table-hover">
	            <thead>
		            <tr>
			            <th>N°</th>
			            <th>Implementos Prestados</th>													
                        <th>&nbsp;</th>
		            </tr>								
	            </thead>
                	<tbody>
                    @foreach (var item in @ViewBag.implementosPrestados)
                        {
				            <tr id="@item.DivId" >
					            <td>@item.Correlativo</td>
					            <td>@item.NombreCategoria</td>
					            <td>
					            <a class="btn btn-small" onclick="devolver(@item.IdImplementoTrabajadorDetalle)"><i class="icon-chevron-right"></i></a>
					            </td>
				            </tr>
                        } 
                    </tbody>
            </table>
        </div>

        <div id="DivDevuelto" class="span2">
			<table id="TablaDevuelto" class="table table-hover">
				<thead>
					<tr>
						<th>N°</th>
						<th>Implementos Devueltos</th>													
                        <th>&nbsp;</th>
					</tr>								
				</thead>
                	<tbody>
                    @foreach (var itemD in @ViewBag.implementosDevueltos)
                        {
				            <tr id="@itemD.DivId" >
					            <td>@itemD.Correlativo</td>
					            <td>@itemD.NombreCategoria</td>
					            <td>
                                    @if (@itemD.Estado.Equals("P"))
                                    {
					            <a class="btn btn-small" onclick="cancelarDevolucion(@itemD.IdImplementoTrabajadorDetalle)"><i class="icon-chevron-left"></i></a>
                                    }
					            </td>
				            </tr>
                        } 
                    </tbody>
			</table>
        </div>
</div>


<script type="text/javascript">
    function devolver(idImplementoTrabajadorDetalle) {
        $('#prestado' + idImplementoTrabajadorDetalle).remove();

        $.ajax({
            url: '@Url.Action("DevolverImplemento", "Implemento")',
            type: "POST",
            data: { IdImplementoTrabajadorDetalle: idImplementoTrabajadorDetalle },
            success: function (data) {
                $("#DivDevuelto").html(data);
            }
        });
    }

    function cancelarDevolucion(idImplementoTrabajadorDetalle) {
        $('#devuelto' + idImplementoTrabajadorDetalle).remove();

        $.ajax({
            url: '@Url.Action("CancelarDevolucionImplemento", "Implemento")',
            type: "POST",
            data: { IdImplementoTrabajadorDetalle: idImplementoTrabajadorDetalle },
            success: function (data) {
                $("#DivPrestado").html(data);
            }
        });
    }

    function ValidarEnvio(formulario) {

        if ($('#TablaDevuelto >tbody >tr').length == 0) {
            alert("Debe devolver un implemento por lo menos");
            return false;
        }

        /*
        $.get('@Url.Action("ObtenerCantidadItems", "Implemento")',
        function (data) {
        if (data.cantidadItems <= 0) {
        alert("Debe asignar un item por lo menos");
        return false;
        }
        }, 'json');
        */

        return true;
    }
</script>